<!DOCTYPE html>
<html lang="en">

<!-- Mirrored from wbpreview.com/previews/WB01BG165/grid.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:39 GMT -->
<head>
	<meta charset="utf-8">
    <title>Alveolae - Admin Dashboard</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">    
    
    <!-- CSS files -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="css/alveolae.css" rel="stylesheet">
    <link href="css/font-awesome/css/font-awesome.css" rel="stylesheet">
    
    <!-- Google font -->
    <link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->	
</head>

<body>
	<!-- Navbar-->
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="index.html">Alveolae Dashboard</a>
				<div class="nav-collapse">
					<ul class="nav pull-right">
						<li class="divider-vertical"></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages&nbsp;&nbsp;<span class="label label-important">4 new</span></a></li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-bullhorn"></i>&nbsp;&nbsp;Latest activity&nbsp;&nbsp;<span class="label label-important">6</span></a>
							<ul class="dropdown-menu">
                            	<li><a href="#"><i class="icon-comment"></i>New comment<span class="time">24 mins ago</span></a></li>
                            	<li><a href="#"><i class="icon-envelope-alt"></i>New message<span class="time">50 mins ago</span></a></li>
								<li><a href="#"><i class="icon-user"></i>User registration<span class="time">17 hours ago</span></a></li>
								<li><a href="#"><i class="icon-lock"></i>User logged in<span class="time">1 day ago</span></a></li>
                                <li><a href="#"><i class="icon-lock"></i>User signed in<span class="time">2 days ago</span></a></li>
								<li><a href="#"><i class="icon-trash"></i>User deleted account<span class="time">5 days ago</span></a></li>
                                <li><hr><a class="dropdown-menu-footer">
                                	<span class="footer"><i class="icon-eye-open"></i>&nbsp;&nbsp;View all activity</span></a>
                                </li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li class="dropdown">
							<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="icon-cloud"></i>&nbsp;&nbsp;Admin<b class="caret"></b></a>
							<ul class="dropdown-menu">
								<li><a href="user-account.html"><i class="icon-file"></i>&nbsp;&nbsp;User information</a></li>
								<li><a href="password.html"><i class="icon-key"></i>&nbsp;&nbsp;Change Password</a></li>
							</ul>
						</li>
						<li class="divider-vertical"></li>
						<li><a href="login.html"><i class="icon-lock"></i>&nbsp;&nbsp;Logout</a></li>
						<li class="divider-vertical"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- /Navbar -->

	<!-- Main content -->
	<div id="main-content">
		<!-- Container -->
		<div class="container">
			<!-- Header boxes -->
			<div class="box-container">
				<div class="box-holder">
					<a href="index.html"><div class="box"><span><i class="icon-dashboard"></i></span>Home</div></a>
				</div>
				<div class="box-holder">						
					<a href="messages.html"><div class="box"><span><i class="icon-inbox"></i></span>Messages</div></a>
				</div>
				<div class="box-holder">						
					<a href="gallery.html"><div class="box"><span><i class="icon-camera-retro"></i></span>Gallery</div></a>
				</div>
				<div class="box-holder">						
					<a href="user-account.html"><div class="box"><span><i class="icon-globe"></i></span>User information</div></a>
				</div>
			</div>
			<!-- /Header boxes -->
			
			<div class="row">
				<!-- Sidebar -->
				<div class="span3">
					<ul id="sidebar" class="nav nav-tabs nav-stacked">
						<li><a href="index.html"><i class="icon-dashboard"></i>&nbsp;&nbsp;Main dashboard view</a></li>
						<li class="active"><a href="grid.html"><i class="icon-th-large"></i>&nbsp;&nbsp;Grid Layout</a></li>
						<li><a href="tables.html"><i class="icon-table"></i>&nbsp;&nbsp;Tables</a></li>
						<li><a href="messages.html"><i class="icon-comments-alt"></i>&nbsp;&nbsp;Messages<span class="label label-success pull-right">New!</span></a></li>
						<li><a href="news.html"><i class="icon-globe"></i>&nbsp;&nbsp;News<span class="label label-success pull-right">6</span></a></li>
						<li><a href="products.html"><i class="icon-truck"></i>&nbsp;&nbsp;Products<span class="label label-success pull-right">3</span></a></li>
						<li><a href="alerts.html"><i class="icon-bolt"></i>&nbsp;&nbsp;Alerts</a></li>
						<li><a href="gallery.html"><i class="icon-camera-retro"></i>&nbsp;&nbsp;Gallery</a></li>
						<li><a href="faqs.html"><i class="icon-legal"></i>&nbsp;&nbsp;FAQ</a></li>
						<li><a href="user-account.html"><i class="icon-user"></i>&nbsp;&nbsp;User information</a></li>
						<li class="accordion" id="navigation-components">
							<a href="#collapse-additional-info" class="accordion-toggle" data-toggle="collapse" data-parent="navigation-components">
								<i class="icon-list-ul"></i>&nbsp;&nbsp;More info
								<span class="label label-success pull-right">Click me!</span>
							</a>
							<div id="collapse-additional-info" class="accordion-body collapse">
								<div class="sidebar-extra well">
									You can add more information here.
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- /Sidebar -->

				<!-- Content -->
				<div class="span9">
					<h1 class="page-title">Grid layout overview</h1>
					<!-- 2, 2, 2 and 3 -->
					<div class="row">
						<div class="span2">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 2</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
								</div>
							</div>
						</div>
						<div class="span2">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 2</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
								</div>
							</div>
						</div>
						<div class="span2">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 2</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
								</div>
							</div>
						</div>
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 2, 3 and 4 -->
					<div class="row">
						<div class="span2">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 2</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p>
								</div>
							</div>
						</div>
			
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
								</div>
							</div>
						</div>
						
						<div class="span4">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 4</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.</p>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 3, 3 and 3 -->
					<div class="row">
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
								</div>
							</div>
						</div>
						
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
								</div>
							</div>
						</div>
						
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 4 and 5 -->
					<div class="row">
						<div class="span4">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 4</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
								</div>
							</div>
						</div>
			
						<div class="span5">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 5</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 3 and 6 -->
					<div class="row">
						<div class="span3">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 3</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea.</p>
								</div>
							</div>
						</div>
						
						<div class="span6">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 6</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Duis aute irure dolor in reprehenderit in voluptate.</p>
								</div>
							</div>
						</div>
					</div>
					
					<!-- 7 and 2 -->
					<div class="row">
						<div class="span7">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample 7</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in voluptate.</p>
								</div>
							</div>
						</div>
			
						<div class="span2">
							<div class="widget">
								<div class="widget-header">
									<h3><i class="icon-beaker"></i>&nbsp;&nbsp;Sample-2</h3>
								</div>
								<div class="widget-content">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, do tempor incididunt ut labore.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /Content -->
			</div>

			<!-- Footer -->
			<div id="footer">
				<hr>
				<p class="pull-right">Company name &copy; 2012</p>
			</div>
			<!-- /Footer -->
	
		</div>
		<!-- /Container -->
	</div>
	<!-- /Main content -->

	<!-- Javascript files -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script src="js/bootstrap.js"></script>
	
</body>

<!-- Mirrored from wbpreview.com/previews/WB01BG165/grid.html by HTTrack Website Copier/3.x [XR&CO'2013], Wed, 22 Jan 2014 17:28:40 GMT -->
</html>
